<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="zh">
<head>
    <title>Index</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <link type="image/x-icon" href="../static/sysimg/favicon.ico" th:href="@{/sysimg/favicon.ico}" rel="shortcut icon"/>
    <!--引入bootstrap样式表-->
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css"
          th:href="@{/ext/bootstrap-4.6.0/css/bootstrap.css}" rel="stylesheet"/>
    <!--引入bootstrap-icons样式表-->
    <link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.11.0/font/bootstrap-icons.min.css"
          th:href="@{/ext/bootstrap-icons/bootstrap-icons.css}" rel="stylesheet"/>
</head>
<body>
<div class="d-none">
    <input type="hidden" id="RootURL" th:value="${#request.contextPath}"/>
    <input type="hidden" id="SessionUserId" th:value="${#session} ? ${#session.getAttribute('userId')} : '' "/>
</div>
<div class="container">
    <hr>
    <div class="m-3 text-center">
        <img class="img-fluid" src="" th:src="@{/sysimg/logo.png}" width="100" height="100" alt="">
        <h3 th:text="${welcome}">Hello World</h3>
    </div>
    <hr>
    <table class="table table-striped table-hover table-bordered">
        <tr th:each="userInfo: ${userInfoList}">
            <td th:text="${userInfo.getName()}"></td>
            <td th:text="${userInfo.getAge()}"></td>
        </tr>
    </table>
</div>

<!--引入jquery-->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"
        th:src="@{/ext/jquery-3.5.1/jquery-3.5.1.js}"></script>
<!--引入bootstrap，依赖jquery，需要放在jquery后-->
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.bundle.min.js"
        th:src="@{/ext/bootstrap-4.6.0/js/bootstrap.bundle.min.js}"></script>
<!--引入自定义工具-->
<script src="../static/js/baseTools.js" th:src="@{/js/baseTools.js}"></script>
<!--自由脚本-->
<script>

</script>
</body>
</html>